// pages/detail-address/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    kewu:[],
    delBtnWidth: 180
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    try {
      var value = wx.getStorageSync('key'||'')
      if (value) {
        this.setData({kewu:value})
      }else{
       
      }
    } catch (e) {
      
      // Do something when catch error
    }
  },
  tianjia:function(){
    wx.navigateTo({
      url: '../detail-receiving/index',
    })
  },
  fanhui:function(e){
    let pages = getCurrentPages(); //获取当前页面pages里的所有信息。
    let prevPage = pages[pages.length - 2]; 
    prevPage.setData({  // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。
      id: e.currentTarget.dataset.id
    })
    //上一个页面内执行setData操作，将我们想要的信息保存住。当我们返回去的时候，页面已经处理完毕。

    //最后就是返回上一个页面。
    
    wx.navigateBack({
      delta: 1
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  delItem:function(e){
    let indexyi=e.currentTarget.dataset.index
    this.data.kewu.splice(indexyi,1)
    this.setData({kewu:this.data.kewu})
    wx.setStorageSync('key', this.data.kewu)
  },
  touchstart:function(e){
    if (e.touches.length == 1) {
      this.setData({
      //设置触摸起始点水平方向位置
      startX: e.touches[0].clientX
      });
      }
  },
  touchmove:function(e){
    if (e.touches.length == 1) {
      //手指移动时水平方向位置
      var moveX = e.touches[0].clientX;
      //手指起始点位置与移动期间的差值
      var disX = this.data.startX - moveX;
      var delBtnWidth = this.data.delBtnWidth;
      var txtStyle = "";
      if (disX == 0 || disX < 0) {//如果移动距离小于等于0，文本层位置不变
      txtStyle = "left:0rpx";
      } else if (disX > 0) {//移动距离大于0，文本层left值等于手指移动距离
      txtStyle = "left:-" + disX + "rpx";
      if (disX >= delBtnWidth) {
       //控制手指移动距离最大值为删除按钮的宽度
       txtStyle = "left:-" + delBtnWidth + "rpx";
      }
      }
      //获取手指触摸的是哪一项
      var index = e.currentTarget.dataset.index;
      var list = this.data.kewu;
      list[index]['txtStyle'] = txtStyle;
      //更新列表的状态
      this.setData({
        kewu: list
      });
      }

},
touchE:function(e){
  if (e.changedTouches.length == 1) {
    //手指移动结束后水平位置
    var endX = e.changedTouches[0].clientX;
    //触摸开始与结束，手指移动的距离
    var disX = this.data.startX - endX;
    var delBtnWidth = this.data.delBtnWidth;
    console.log(disX);
    console.log(delBtnWidth);
    //如果距离小于删除按钮的1/2，不显示删除按钮
    console.log(disX > delBtnWidth / 2);
    var txtStyle = disX > delBtnWidth / 2 ?"left:-" + delBtnWidth + 'rpx':"left:0rpx";
    // //获取手指触摸的是哪一项
    var index = e.currentTarget.dataset.index;
    var list = this.data.kewu;
    list[index].txtStyle = txtStyle;
    // //更新列表的状态
    this.setData({
    kewu: list,
    });
    }
},
  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    try {
      var value = wx.getStorageSync('key'||'')
      if (value) {
        this.setData({kewu:value})
      }else{
       
      }
    } catch (e) {
      
      // Do something when catch error
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})